<!--<div layout="row" >-->
<!--<div flex="nogrow" ng-hide="true">-->
<!--<md-sidenav md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')" id="sidenavContainer">-->
<!--<md-toolbar class="md-hue-2">-->
<!--<h1 class="md-toolbar-tools">欢迎</h1>-->
<!--</md-toolbar>-->
<!--<md-content style="overflow: auto;">-->
<!--<md-list ng-repeat="it in items">-->
<!--<md-list-item ui-sref={{it.sref}} ng-click="toggleList()">-->
<!--<h1 class="md-title">-->
<!--<md-icon class="material-icons">{{it.icon}}</md-icon>-->
<!--<span>{{it.content}}</span>-->
<!--</h1>-->
<!--</md-list-item>-->
<!--</md-list>-->
<!--</md-content>-->
<!--</md-sidenav>-->
<!--</div>-->
<div layout-fill flex layout="column">

    <!--<md-toolbar ng-if="true" id="classTitle" >-->
    <!--<div class="md-toolbar-tools">-->
    <!--<md-icon class="material-icons">menu</md-icon>-->

    <!--<p h2 flex="noshrink">{{ studentName }}</p>-->
    <!--</div>-->
    <!--</md-toolbar>-->


    <div style="width: 100%;height: 100%;" layout-fill id="mainContainer" ui-view></div>
    <!--</div>-->
    <script>
        var delta = $("#classTitle").height();
        $("#sidenavContainer, #mainContainer").height(document.documentElement.clientHeight);
        $("#mainContainer").height(document.documentElement.clientHeight - delta);
        $(window).resize(function () {
            $("#sidenavContainer, #mainContainer").height(document.documentElement.clientHeight);
            $("#mainContainer").height(document.documentElement.clientHeight - delta);
        });
    </script>
</div>